﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ContactUC.ascx.cs" Inherits="VCN.home.UC.ContactUC" %>
<%@ Register src="GetInTouchUC.ascx" tagname="GetInTouchUC" tagprefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>


<style type="text/css">
    .layoutTable
    {
        border-style: solid;
        border-width: 15px;
        border-color: #232531;
        margin: auto;
    }
    .layoutTable
    {
        background-color: White;
    }
    .layoutContact
    {
        width: 650px;
    }    
    .layoutbt
    {
        margin-left: 770px ;
        margin-bottom:20px;
        
    }
    .tableheader
    {
        background-image: url(/home/Images/wrapper/icon-contact.png);
        height:46px;
    }
    .layout_txt
    {
        Width:272px;        
        margin:5px 0 12px;               
        Font-Size:X-Large;
        line-height: 1.2em!important;
        height: 1.4em!important;
        font: 17px arial,sans-serif;
        padding: 4px 8px 6px;
        border-collapse: separate;
        border-spacing: 2px;
        }
     .layout_lb
     {
         font-size:13px;        
         }   
     .mess_txt
     {     	       
        margin:5px 0 12px;                      
        line-height: 1.2em!important;
        height:140px; 
        width:880px;                   
        border-collapse: separate;
        border-spacing: 2px;
        margin:5px 0 3px;        
        border-collapse: separate;
        border-spacing: 2px;             
        font: 16px arial,sans-serif;       
     }
     #con-in-txt
     {
         float:left;
         width:292px;         
     }
     #con-maps
     {
         padding-left:10px;
         padding-top:4px
     }
     .modalPopup
     {
         background-color:White;
     }
     #panel_head
     {
         background-color:#3D811B;
         width:100%;
         color:White;
     }
     #panel_logo
     {
         padding: 40px 0px 0px 25px;
     }
     .panel_bt
     {
        color: White;
        border: 2px solid #3D6E99;
        text-shadow: 0 1px 0 #2C4566;
        -moz-border-radius: 3px 3px;
        -webkit-border-radius: 3px 3px;
        background-color: #3D811B;
        width:80px;
        height:25px;
        margin:10px 0 0 30px;
     }
     .panel_bt:hover
     {
        color: White;
        background-position: left -130px;
        background-color: #3D6E99;
     }     
     .btContact
     {
     	padding-right:20px;
     }
     .layoutExtent
     {
     	color:White;
     	background-color:White;
     }
     .lbl_status
     {     	 
     	 color:Red;
     }
     .lbl_status_co
     {
     	font-size:large;
     	color:#11729D;
     	text-align:center;
     	}
    .layoutExtent #GetInTouchUC .style-contact-1 h4
    {
	    color: #336;
	    font-size: 12px;
    }
    .layoutExtent #GetInTouchUC .style-contact-1 h4 a,.layoutExtent #GetInTouchUC .style-contact-1 h4 a:link
    {
	    color: #336;
	    font-size: 12px;
    }

    .layoutExtent #GetInTouchUC .style-contact-1 h4 a:hover,.layoutExtent #GetInTouchUC .style-contact-1 h4 a:visited
    {
	    color: #347;
    }
</style>
<table class="layoutTable" width="950px" cellpadding="0" cellspacing="0">
    <tr>
        <td class="layoutContact" valign="top">
            <div>
                <div class="tableheader"> 
                <img src="../home/Images/wrapper/icon-contactc.png" style=" padding-left:28px; padding-top:5px; float:left" />                   
                        <h2 style="color:White; padding-left:68px; padding-top:7px; font-size:20px">Contact Us</h2>
                    <hr style="border-style:dotted; margin:5px 23px 0 23px; size:inherit; color:#C2C2C4;" /> 
                </div>
                <p style="padding-left: 23px">
                    <br />
                    Address: 3rd floor SDs Tower, 477 Minh Khai, Hai Ba Trung district<br />
                    Ha Noi, Viet Nam<br />
                    (Branch office: No.52, B1 road Vinh Diem Trung Urban Nha Trang City)
                </p>
                <br />
            </div>
            <div class="input_form" style="padding-left: 23px;">
            <div id="con-in-txt">
                <label class="layout_lb">
                    *Your name:</label><br />
                <asp:TextBox CssClass="layout_txt" ID="txtName" runat="server" 
                    ></asp:TextBox><br />
                <label class="layout_lb">
                    *Email Address:</label><br />
                <asp:TextBox ID="txtEmail" CssClass="layout_txt" runat="server" 
                    ></asp:TextBox><br />
                <label class="layout_lb">
                    *Object:</label><br />
                <asp:TextBox ID="txtSubject" CssClass="layout_txt" runat="server" 
                    ></asp:TextBox><br />                
                    
            </div>
            <div id="con-maps">
                <label class="layout_lb">
                Our location</label><br />
                <iframe style="border-style:groove; border-width:1px;" width="320" height="175" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=vi&amp;geocode=&amp;q=Minh+Khai,+H%C3%A0+N%E1%BB%99i,+Vi%E1%BB%87t+Nam&amp;aq=0&amp;oq=minh+khai+&amp;sll=20.999025,105.868281&amp;sspn=0.005439,0.010568&amp;ie=UTF8&amp;hq=&amp;hnear=Minh+Khai,+Hai+B%C3%A0+Tr%C6%B0ng,+H%C3%A0+N%E1%BB%99i,+Vi%E1%BB%87t+Nam&amp;t=m&amp;ll=20.998815,105.868936&amp;spn=0.003005,0.003219&amp;z=17&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=vi&amp;geocode=&amp;q=Minh+Khai,+H%C3%A0+N%E1%BB%99i,+Vi%E1%BB%87t+Nam&amp;aq=0&amp;oq=minh+khai+&amp;sll=20.999025,105.868281&amp;sspn=0.005439,0.010568&amp;ie=UTF8&amp;hq=&amp;hnear=Minh+Khai,+Hai+B%C3%A0+Tr%C6%B0ng,+H%C3%A0+N%E1%BB%99i,+Vi%E1%BB%87t+Nam&amp;t=m&amp;ll=20.998815,105.868936&amp;spn=0.003005,0.003219&amp;z=17" style="color:#0000FF;text-align:right; padding-left:215px">See bigger maps</a></small>            
                       
            </div>
            <div>
                <label class="layout_lb">
                *Your message:</label>
                <a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=vi&amp;geocode=&amp;q=Minh+Khai,+H%C3%A0+N%E1%BB%99i,+Vi%E1%BB%87t+Nam&amp;aq=0&amp;oq=minh+khai+&amp;sll=20.999025,105.868281&amp;sspn=0.005439,0.010568&amp;ie=UTF8&amp;hq=&amp;hnear=Minh+Khai,+Hai+B%C3%A0+Tr%C6%B0ng,+H%C3%A0+N%E1%BB%99i,+Vi%E1%BB%87t+Nam&amp;t=m&amp;ll=20.998815,105.868936&amp;spn=0.003005,0.003219&amp;z=17" style=" color:Blue; margin-left:210px; text-decoration:underline">Factory's Adress (Nha Trang Province)</a>
                <br />
                
            </div>        
            </div>            
        </td>
        <td class="layoutExtent" valign="top">
            <uc1:GetInTouchUC ID="GetInTouchUC1" runat="server" />
        </td>
    </tr>
    <tr>
    <td colspan="2" style=" padding-left:20px;">
        <asp:TextBox CssClass="mess_txt" ID="txtMessage" BackColor="#EFF0F5"
                    TextMode="MultiLine" runat="server"></asp:TextBox>
                <p style="font-size: small">
                    * These are required fields</p><asp:Label ID="lblStatus" runat="server" Text="" CssClass="lbl_status"></asp:Label>
                    <asp:Label ID="lblStatus_co" runat="server" Text="" CssClass="lbl_status_co"></asp:Label>        
                    <asp:Button ID="btContact" runat="server" Width="114px" OnClick="submit_contact_button"
                    Height="42px" EnableTheming="true" CssClass="layoutbt" Text="Send Message" BackColor="#11729D"
                    Font-Size="Small" ForeColor="AntiqueWhite" Font-Bold="true" />       
                               
    </td>
    </tr>
</table>
